import React, { Component } from 'react';
import {Switch,Route,HashRouter as Router,Redirect } from 'react-router-dom'


import Header from './components/header'
import Experience from "./experience";
import LifeRecord from "./lifeRecord";
import Dynamic from "./dynamic";
import Cool from "./cool";




export default class Volume extends  Component{
    render(){
        return(<div style={{padding: '108px 0'}}>
            <Router>
                <div>
                    <Header/>
                    <div>
                        <Switch>
                            <Route path="/dynamic" component={Dynamic}></Route>
                            <Route path="/experience" component={Experience}></Route>
                            <Route path="/lifeRecord" component={LifeRecord}></Route>
                            <Route path="/cool" component={Cool}></Route>
                            <Redirect path="/" to="/dynamic"></Redirect>
                        </Switch>
                    </div>
                </div>
            </Router>
        </div>)
    }
}